{
    "detail": {
        "width": 1097.87,
        "height": 556,
        "query": "function(){\n    return window.$glob.params || {}\n}",
        "header": "function(){\n    return window.$glob.params || {}\n}",
        "screen": "x",
        "mark": {
            "show": false,
            "text": "",
            "fontSize": 20,
            "color": "rgba(100,100,100,0.2)",
            "degree": -20
        },
        "scale": 1,
        "backgroundImage": "",
        "url": "",
        "gradeShow": false,
        "gradeLen": 30,
        "name": "出勤人员记录",
        "backgroundColor": "rgba(22, 26, 101)"
    },
    "component": [
        {
            "name": "出勤人员记录表格",
            "title": "自定义Vue组件",
            "icon": "icon-bar",
            "img": "img/assets/text4.png",
            "dataType": 1,
            "data": {
                "name": "avue"
            },
            "dataFormatter": "(data,params,refs)=>{\n    return {value:data.data}\n}",
            "dataHeader": "(data) => {\n      return {};\n};\n",
            "dataQuery": "(data)=>{\n    return  {\n\"unit_no\": \"screen_rygl_jrcqrs_list_730\",\n\"project_id\":\"15854\", \n\"data_format\":\"row\",\n\"injections\":[\n{\"key\":\"projectId\",\"value\":\"15854\"}, \n{\"key\":\"pageNum\",\"value\":\"1\"}, \n{\"key\":\"pageSize\",\"value\":\"10\"}] \n}\n}",
            "stylesFormatter": "",
            "component": {
                "width": 1098.54,
                "height": 507.14,
                "name": "vue",
                "prop": "vue"
            },
            "option": {
                "content": "<template>\n  <div id=\"gzff\">\n    <el-table\n      :data=\"tableData\"\n      style=\"width: 100%; height: 100%\"\n      height=\"500px\"\n    >\n      <el-table-column label=\"#\" type=\"index\"></el-table-column>\n      <el-table-column prop=\"workerName\" label=\"姓名\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column prop=\"teamName\" label=\"班组\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column\n        prop=\"gender\"\n        label=\"性别\"\n        width=\"80\"\n        show-overflow-tooltip\n      >\n      </el-table-column>\n      <el-table-column\n        prop=\"nation\"\n        label=\"民族\"\n        width=\"80\"\n        show-overflow-tooltip\n      >\n      </el-table-column>\n      <el-table-column prop=\"age\" label=\"年龄\" width=\"80\" show-overflow-tooltip>\n      </el-table-column>\n      <el-table-column\n        prop=\"iositeInDate\"\n        label=\"考勤时间（进场）\"\n        show-overflow-tooltip\n      >\n      </el-table-column>\n      <el-table-column\n        prop=\"is26xian\"\n        label=\"是否山区26县\"\n        width=\"100\"\n        show-overflow-tooltip\n      >\n      </el-table-column>\n      <el-table-column\n        prop=\"validEnddate\"\n        label=\"证件有效截至日\"\n        show-overflow-tooltip\n      >\n      </el-table-column>\n    </el-table>\n    <el-pagination\n      size=\"medium\"\n      @current-change=\"currentChange\"\n      style=\"margin-top: 20px; text-align: center\"\n      :page-size=\"pageSize\"\n      :pager-count=\"7\"\n      :current-page=\"page\"\n      layout=\"prev, pager, next\"\n      :total=\"total\"\n    >\n    </el-pagination>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"App\",\n  data() {\n    return {\n      pageSize: 10,\n      total: 0,\n      page: 1,\n      tableData: [],\n      refs: \"\",\n    };\n  },\n  watch: {\n    dataChart: {\n      handler(val) {\n        this.total = parseInt(val.value.total) ;\n        this.tableData = val.value.items;\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n  mounted() {\n    this.refs = this.$parent.getItemRefs();\n  },\n  methods: {\n    currentChange(value) {\n      this.page=value\n      this.$emit(\"click\", {\n        value: [\n          { key: \"projectId\", value: \"15854\" },\n          { key: \"pageNum\", value: this.page },\n          { key: \"pageSize\", value: this.pageSize },\n        ],\n      });\n    },\n  },\n};\n</script>\n\n<style>\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  color: #fff !important;\n}\n.el-table::before {\n  height: 0px;\n}\n.el-table {\n  font-size: 20px !important;\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-pagination {\n  color: #fff !important;\n}\n.el-pager li.btn-quicknext {\n  color: #fff !important;\n}\n.el-pagination .btn-next,\n.el-pagination .btn-prev {\n  background: transparent !important;\n}\n.el-pager li {\n  background: transparent !important;\n}\n.el-table th {\n  background: rgb(22, 17, 90, 0.5) !important;\n  color: #fefefe;\n  border-bottom: none !important;\n}\n.el-table tr {\n  background-color: rgb(22, 17, 90, 0.5) !important;\n}\n.el-table--enable-row-transition .el-table__body td,\n.el-table .cell {\n  color: #fff;\n}\n\n.el-table--enable-row-hover .el-table__body tr:hover > td {\n  background: rgb(22, 17, 90, 0.5) !important;\n}\n</style>\n"
            },
            "left": -10.76,
            "top": -9.73,
            "index": "04954197-bc9e-41f1-8b71-d447d4d99bc6",
            "child": {
                "index": [
                    "04954197-bc9e-41f1-8b71-d447d4d99bc6"
                ],
                "paramList": [],
                "paramName": "injections"
            },
            "zIndex": 0,
            "dataMethod": "post",
            "url": "https://console-api.hibuilding.cn/proxy/api/v1/screen/unit_data",
            "display": false,
            "proxy": false
        }
    ]
}